<template>
    <div class="content">
      <van-nav-bar
       title="站点详情"
       left-text="返回"
       left-arrow
       @click-left="onClickLeft"
     />
     <div class="title">{{title}}</div>
      <!-- <van-tabs v-model="active">
       <van-tab title="拓补图">
       </van-tab>
       <van-tab title="楼层图">
       </van-tab>
       <van-tab title="楼层统计">
       </van-tab>
      </van-tabs> -->
    </div>
  </template>
  
  <script>
  export default {
      name: 'rfifDetail',
    data() {
      return {
        title: '',
        active: 0,
        value: ''
      };
    },
    created(){
      this.title = this.$route.query.title
      // console.log(this.$route.query.title)
    },
    methods: {
      onClickLeft() {
        this.$router.go(-1)
      },
      onSearch() {
      },
      onCancel() {
      },
    },
  };
  </script>
  
  <style scoped>
  ::v-deep .van-nav-bar__content {
   background-color: #fff;
   border-bottom: 1px #ccc solid;
  }
  ::v-deep .van-nav-bar__title{
    color: #000;
  }
  ::v-deep .van-nav-bar .van-icon{
    color: #02a7f0;
  }
  ::v-deep .van-nav-bar__text{
  color: #02a7f0;
  }
  ::v-deep .van-tab--active{
    color: #eb4b4b;
  }
  ::v-deep .van-cell-group {
      margin: 13px 0;
  }
  ::v-deep .van-cell__title{
   font-size: 18px;
   color: #000;
  }
  .item{
    font-size: 14px;
    display: flex;
    padding: 0 7%;
    height: 30px;
    justify-content: space-between;
  }
  .content{
      background-color: #fff;
  }
  .title{
      font-size: 18px;
      background-color: #fff;
      height: 42px;
      margin: 5px 10px;
      line-height: 42px;
      padding: 0 10px;
      border-bottom: 1px #ccc solid;
  }
  </style>